<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<link rel="stylesheet" type="text/css" href="icon/font_nq5fwhvo468/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="icon/font_o9gsv385fdn/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="icon/font_z3zsxwjfbps/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="lib/validform/css/style.css"/>
	</head>
	<body>
		<!-- 顶部 -->
		<div class="register-html-title">
			<div class="register-html-title-c clear-fix">
				<div class="register-html-title-logo fl">
					<img src="img/login-register/login-logo.png" >
				</div>
				<div class="register-html-title-name fl clear-fix">
					<b class="register-html-title-name-line fl"></b>
					<b class="register-html-title-name-c fl">华为商城</b>
				</div>
			</div>
		</div>
		<!-- 内容部分 -->
		<div class="register-content ">
			<div class="register-content-method ">
				<div class='register-content-method-phone clear-fix'>
					<div class="fl"><span class="iconfont icon-zhanghao"></span></div>
					<div class="fl">手机号注册</div>
				</div>
				<div class="register-content-method-mail clear-fix">
					<div class="fl"><span class="iconfont icon-youjian"></span></div>
					<div class="fl">邮件地址注册</div>
				</div>
			</div>
			<!-- 手机号注册内容界面 -->
			<div class="register-content-c phone-register">
				<div class="register-content-c-title">华为账号注册</div>
				<div class='register-content-c-hascount'><span>已有账号,&nbsp;&nbsp;</span><a href="login.html" target="_blank"><span> 去登录> </span></a></div>
				<div class="register-content-c-form">
				<form action="" method="post">
					<div class="register-content-c-country clear-fix">
						<div class="register-content-c-country-l fl">国家/地区</div>
						<div class="register-content-c-country-r fr">
							<span class="register-content-c-country-choose">中国</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
						<div class="register-content-c-country-r-pull">
							<div class="register-content-c-country-r-pull-ser">
								<input type="text" name="" id="" value=""  placeholder="搜索"/>
								<div><span class="iconfont icon-fangdajing"></span></div>
							</div>
							<div>已开通服务的国家和地区： <!-- <button type="button" class="register-content-c-country-r-pull-ser-btn">搜索</button> --></div>
							<div class="register-content-c-country-r-pull-name">
								<div>中国</div>
								<div>美国</div>
								<div>德国</div>
								<div>韩国</div>
								<div>日本</div>
								<div>朝鲜</div>
								<div style="border: none;">法国</div>
							</div>
						</div>
						</div>
					</div>
					<div class="register-content-c-tel clear-fix">
						<div class="register-content-c-tel-l fl">
							<span class="register-content-c-tel-choose">+(86)中国</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
						<div class="register-content-c-tel-l-pull" >
							<div class="register-content-c-tel-l-pull-ser">
								<input type="text" name="" id="" value=""  placeholder="搜索"/>
								<div ><span class="iconfont icon-fangdajing"></span></div>
							</div>
							<div class="register-content-c-tel-l-pull-name">
								<div>(+86)中国</div>
								<div>(+1)美国</div>
								<div>(+49)德国</div>
								<div>(+35)韩国</div>
								<div>(+81)日本</div>
								<div>(+36)朝鲜</div>
								<div style="border: none;">(+33)法国</div>
							</div>
						</div>
						</div>
					<div class="fl register-content-c-tel-ser" style="position: relative;"><input type="text" name="" id="" value="" placeholder="请输入手机号" datatype='m' errormsg='手机号不正确!' /></div>
					</div>
					<div class="register-content-c-message">
						<input type="" name="" id="" value="" placeholder="短信验证码" datatype='n6-6' errormsg='验证码错误' />
						<div class="register-content-c-message-catch"><a href="javascript:;">获取验证码</a></div>
						</div>
						<div class="register-content-c-password">
							<input type="password" name="phonepassword" id="" value="" placeholder="密码" datatype='/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/' errormsg='至少八个字符且包含字母数字!' />
						<div class="register-content-c-password-icon"><span class="iconfont icon-yincang"></span></div>
	
						</div>
						<div class="register-content-c-repassword">
							<input type="password" name="" id="" value="" placeholder="确认密码" datatype="*" recheck='phonepassword' errormsg='密码与确认密码不一致' />
						<div class="register-content-c-password-icon"><span class="iconfont icon-yincang"></span></div>
						</div>
						
						<div class="register-content-c-date clear-fix">
							<div class="register-content-c-date-l fl">出生日期</div>
							<div class="register-content-c-date-r fr clear-fix">
								<div class="register-content-c-date-r-year fl">
								<span class="register-content-c-year-choose">2000年</span><span class=""><img src="img/login-register/ic_hint_dropdown.png" ></span>
							<div class="register-content-c-year-pull">
								<div class="register-content-c-year-pull-num">

				
								</div>
							</div>
							</div>
							<div class="register-content-c-date-r-month fl">
								<span class="register-content-c-month-choose">1月</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
							<div class="register-content-c-month-pull">
								<div class="register-content-c-month-pull-num">
		
								</div>
							</div>
							</div>
							<div class="register-content-c-date-r-day fl">
								<span class="register-content-c-day-choose">1日</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
							<div class="register-content-c-day-pull">
								<div class="register-content-c-day-pull-num">
									
								</div>
							</div>
							</div>
							</div>
						</div>
						<div class='register-content-c-btn-box'><button class="register-content-c-btn" type="button">注册</button></div>		
				</form>
				</div>
			</div>
		<!-- 邮箱注册内容界面 -->
		<div class="register-content-c mail-register">
			<div class="register-content-c-title">华为账号注册</div>
			<div class='register-content-c-hascount'><span>已有账号,&nbsp;&nbsp;</span><a href="login.html" target="_blank"><span> 去登录> </span></a></div>
			<div class="register-content-c-form">
			<form action="" method="post">
				<div class="register-content-c-country clear-fix">
					<div class="register-content-c-country-l fl">国家/地区</div>
					<div class="register-content-c-country-r fr">
						<span class="register-content-c-country-choose">中国</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
					<div class="register-content-c-country-r-pull">
						<div class="register-content-c-country-r-pull-ser">
							<input type="text" name="" id="" value=""  placeholder="搜索"/>
							<div><span class="iconfont icon-fangdajing"></span></div>
						</div>
						<div>已开通服务的国家和地区： <!-- <button type="button" class="register-content-c-country-r-pull-ser-btn">搜索</button> --></div>
						<div class="register-content-c-country-r-pull-name">
							<div>中国</div>
							<div>美国</div>
							<div>德国</div>
							<div>韩国</div>
							<div>日本</div>
							<div>朝鲜</div>
							<div style="border: none;">法国</div>
						</div>
					</div>
					</div>
				</div>
				<div class="register-content-c-mail clear-fix" style="position: relative;">
					<input type="text" name="" id="" value="" placeholder="邮件地址" datatype='e' errormsg='邮箱格式不正确' />
				</div>
				<div class="register-content-c-message">
					<input type="" name="" id="" value="" placeholder="邮件验证码" datatype='n6-6' errormsg='验证码错误'/>
					<div class="register-content-c-message-catch"><a href="javascript:;">获取验证码</a></div>
					</div>
					<div class="register-content-c-password">
						<input type="password" name="" id="" value="" placeholder="密码" datatype='/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/' errormsg='至少八个字符且包含字母数字!'/>
					<div class="register-content-c-password-icon"><span class="iconfont icon-yincang"></span></div>
					</div>
					<div class="register-content-c-repassword">
						<input type="password" name="" id="" value="" placeholder="确认密码" datatype="*" recheck='phonepassword' errormsg='密码与确认密码不一致'/>
					<div class="register-content-c-password-icon"><span class="iconfont icon-yincang"></span></div>
					</div>
					
					<div class="register-content-c-date clear-fix">
						<div class="register-content-c-date-l fl">出生日期</div>
						<div class="register-content-c-date-r fr clear-fix">
							<div class="register-content-c-date-r-year fl">
							<span class="register-content-c-year-choose">2000年</span><span class=""><img src="img/login-register/ic_hint_dropdown.png" ></span>
						<div class="register-content-c-year-pull">
							<div class="register-content-c-year-pull-num">
		
			
							</div>
						</div>
						</div>
						<div class="register-content-c-date-r-month fl">
							<span class="register-content-c-month-choose">1月</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
						<div class="register-content-c-month-pull">
							<div class="register-content-c-month-pull-num">
				
							</div>
						</div>
						</div>
						<div class="register-content-c-date-r-day fl">
							<span class="register-content-c-day-choose">1日</span><span><img src="img/login-register/ic_hint_dropdown.png" ></span>
						<div class="register-content-c-day-pull">
							<div class="register-content-c-day-pull-num">
								
							</div>
						</div>
						</div>
						</div>
					</div>
					<div class='register-content-c-btn-box'><button class="register-content-c-btn" type="button">注册</button></div>		
			</form>
			</div>
		</div>
		
		
		
		</div>
		<!-- 底部 -->
		<div class="register-html-bottom">
			<div class="register-html-bottom-certify clear-fix">
			<div class="fl"><a href="" target="_blank"><span>华为帐号用户协议</span></a></div>
			<div class="fl"><a href="" target="_blank"><span>关于华为帐号与隐私的声明</span></a></div>
			<div class="fl"><a href="" target="_blank"><span>常见问题</span></a></div>
			<div class="fl"><a href="" target="_blank"><span>Cookies</span></a></div>
			</div>
			<div class="register-html-bottom-b"><span>华为帐号  版权所有 © 2011-2021</span></div>
		</div>
		<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
	
	<script src="lib/validform/js/Validform_v5.3.2_min.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	</body>
</html>
